// --------------------------------------------------
// 表格
// @Author: steven.wjx
// @Date:   2020-03-05 13:17:50
// --------------------------------------------------
.#{$ui-name}table {
	width: 100%;
	max-width: 100%;
	border-spacing: 0;
	border-collapse: collapse;

	caption {
		padding: 5px 0;
		font-size: $font-size;
	}

	.#{$ui-name}table-cell {
		font-size: ceil(($font-size * 0.9));
		padding: 8px 0 9px 10px;
	}

	>thead,
	>tbody {
		tr {

			th,
			td {
				padding: 0;
			}
		}
	}

	>thead {
		background-color: $head-color;

		>tr {
			>th {
				padding: 9px 0 10px;
				.#{$ui-name}table-cell {
					padding: 9px 0 10px;
				}
			}
		}
	}

	>tbody {
		>tr {
			border-bottom: 1px solid $table-border-color;
			transition: all 0.3s ease;

			&:first-child {
				border-top: 1px solid $table-border-color;
			}

			&:hover,
			&:focus {
				background-color: $table-hover-color;
			}
		}
	}
}

// Bordered version
//
// Add borders all around the table and between all the columns.
.#{$ui-name}table-bordered {

	// border: 1px solid $table-border-color;
	>thead,
	>tbody {
		>tr {

			>th,
			>td {
				border: 1px solid $table-border-color;
			}
		}
	}
}

.#{$ui-name}table-responsive {
	overflow-x: auto;
	min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
}